<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>项目列表</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="/resource/layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/resource/css/mylay.css">
</head>
<style>
    .layui-table-cell{
        height: 60px;
    }
</style>
<body>
    <div style="padding: 20px; background-color: #F2F2F2;">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md12">
                <div class="layui-card" style="padding: 10px;">
                    <form class="layui-form search">
                        <div class="layui-form-item">
                        <div class="layui-inline">
                                <label class="layui-form-label">发布人</label>
                                <div class="layui-input-inline">
                                    <input class="layui-input" name="username" autocomplete="off">
                                </div>
                            </div>
                            <!-- <div class="layui-inline">
                                <label class="layui-form-label">标题</label>
                                <div class="layui-input-inline">
                                    <input class="layui-input" name="title" autocomplete="off">
                                </div>
                            </div> -->
                            <!--<div class="layui-inline">
                                <label class="layui-form-label">任务类型</label>
                                <div class="layui-input-inline">
                                    <select name="task_type" lay-verify="required">
                                        <option value="">全部</option>
                                        <option value="1">供应信息</option>
                                        <option value="2">需求信息</option>
                                    </select>
                                </div>
                            </div>-->
                            <!-- <div class="layui-inline">
                                <label class="layui-form-label">任务分类</label>
                                <div class="layui-input-inline">
                                    <select name="task_class" lay-verify="required">
                                        <option value="">所有</option>
                                        {foreach $taskClass as $key=>$value}
                                        <option value="{$value.id}">{$Think.config.custom.lang[$value['lang']]}-{$value.group_name}</option>
                                        {/foreach}
                                    </select>
                                </div>
                            </div> -->
                            <div class="layui-inline">
                                <label class="layui-form-label">发布时间</label>
                                <div class="layui-input-inline">
                                    <input type="text" name="datetime_range" class="layui-input" readonly>
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">状态</label>
                                <div class="layui-input-inline">
                                    <select name="status" lay-search="">
                                        <option value="0">全部</option>
                                        {volist name="statusArr" id="vo" key="k" }
                                        <option value="{$k}">{$vo}</option>
                                        {/volist}
                                    </select>

                                </div>
                            </div>
                            <!-- <div class="layui-inline">
                                <label class="layui-form-label">语言</label>
                                <div class="layui-input-inline">
                                    <select name="lang" lay-verify="required" lay-search="">
                                        <option value="">全部</option>
                                        {foreach $Think.config.custom.lang as $key=>$value}
                                        <option value="{$key}">{$value}</option>
                                        {/foreach}
                                    </select>
                                </div>
                            </div> -->
                            <div class="layui-inline" style="text-align: center;">
                                <button type="button" class="layui-btn" data-type="search">搜索</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="layui-col-md12">
                <div class="layui-card">
                    <table class="layui-hide" id="taskList" lay-filter="taskList"></table>
                </div>
            </div>
        </div>
    </div>
    <!-- 头部左侧工具栏 -->
    <script type="text/html" id="toolbarDemo">
        <div class="layui-btn-container layui-btn-group">
            <!-- <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" lay-event="add">
                <i class="layui-icon">&#xe654;</i>
            </button> -->
            <!-- <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" lay-event="del">
                <i class="layui-icon">&#xe640;</i>
            </button> -->
            <!-- <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" lay-event="task-class">任务分类</button> -->
        </div>
    </script>
        <script type="text/html" id="show">
        <input type="checkbox" name="show" value="{{d.id}}" lay-skin="switch" lay-text="是|否" lay-filter="taskAction" data-suburi="taskEdit" {{ d.is_show == 1 ? 'checked' : '' }}>
    </script>

    <!-- 表格右侧操作单元 -->
    <script type="text/html" id="action">
        <div class="layui-btn-group">

            {{# if (d.status == 1||d.status == 2) { }}
            <button type="button" class="layui-btn layui-btn-xs layui-btn-normal" lay-event="revoke">撤回</button>
            {{# } }}

        </div>
    </script>
    <!-- 表单元素 -->

<script src="/resource/layuiadmin/layui/layui.js"></script>
<script src="/resource/js/manage/init_date.js"></script>
<!--<script src="/resource/js/manage/bet.js"></script>-->
<script>
    layui.use(['layer', 'table','form'], function(){
        var $ = layui.$
            ,form = layui.form
        ,layer = layui.layer
        ,table = layui.table;

        //方法级渲染
        table.render({
            elem: '#taskList'
            ,title: '任务列表'
            ,url: '/manage/bet/taskList'
            ,method: 'post'
            ,cols: [[
                // {checkbox: true, fixed: true, totalRowText: '合计'}
                ,{field: 'id', title: 'ID', sort: true}
                ,{field: 'task_type_str', title: '类型'}
                ,{field: 'order_number', title: '订单号'}
                ,{field: 'nickname', title: '商家名称'}
                ,{field: 'uusername', title: '商家账号'}
                ,{field: 'nft_id', title: 'NFT ID'}
                ,{field: 'nname', title: 'NFT名称'}
				,{field: 'nfile_img', title: 'NFT文件'}
                ,{field: 'credit_type_str', title: '币种'}
                ,{field: 'total_number', title: '数量'}
                ,{field: 'person_time', title: '最低数量'}
                ,{field: 'receive_number', title: '已成交'}
                ,{field: 'reward_price', title: '挂牌价'}
                ,{field: 'release_price', title: '预售价'}
                ,{field: 'recovery_price', title: '回购价'}
                ,{field: 'format_add_time', title: '添加时间'}
                ,{field: 'format_complete_time', title: '完成时间'}
                ,{field: 'format_end_time', title: '到期时间'}



                ,{field: 'statusStr', title: '状态', templet: function(d){
                        return '<span style="color:blue">'+d.statusStr+"<span";
                }
                }
                // ,{field: 'language', title: '语言', sort: true, fixed: 'left'}
                // ,{field: 'title', title: '标题', sort: true, fixed: 'left'}

                // ,{field: 'receive_number', title: '已领/名额', templet: function(d){
                //     return d.speed;
                // }}
                // ,{field: 'task_class', title: '任务分类', sort: true, templet: function(d){
                //     return d.group_name;
                // }}
                // ,{field: 'reward_price', title: '单价', sort: true, totalRow: true}
                // ,{field: 'total_price', title: '总价+抽水', templet: function(d){
                //     return d.speed_total_price;
                // }}
				// //,{field: 'pump', title: '抽水比例', sort: true}
                // ,{field: 'end_time', title: '截止日期', sort: true, templet: function(d){
                //     return d.format_end_time;
                // }}
                // ,{field: 'status', title: '当前状态', sort: true, templet: function(d){
                //     return d.statusStr;
                // }}
				// ,{title: '任务显示', templet: '#show', unresize: true}
                // ,{field: 'add_time', title: '添加时间', sort: true, templet: function(d){
                //     return d.format_add_time;
                // }}
                ,{title: '操作', width: '20%', toolbar: '#action'}
            ]]
            ,cellMinWidth: 100
            ,toolbar: '#toolbarDemo'
            ,defaultToolbar: ['filter', 'print', 'exports']
            ,totalRow: true
            ,page: {
                layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip']
            }
            ,skin: 'row' //行边框风格
            ,even: true //开启隔行背景
        });

        //监听排序事件
        table.on('sort(taskList)', function(obj){ //注：sort 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
            //尽管我们的 table 自带排序功能，但并没有请求服务端。
            //有些时候，你可能需要根据当前排序的字段，重新向服务端发送请求，从而实现服务端排序，如：
            table.reload('taskList', {
                initSort: obj //记录初始排序，如果不设的话，将无法标记表头的排序状态。
                ,where: { //请求参数（注意：这里面的参数可任意定义，并非下面固定的格式）
                    sortField: obj.field //排序字段
                    ,sortType: obj.type //排序方式
                }
            });
        });
        //监听行双击事件
        table.on('rowDouble(taskList)', function(obj){

        });

        // 监听工具条
        table.on('tool(taskList)', function(obj){
            switch (obj.event) {
                case 'revoke':
                    layer.confirm('确定撤回 ？', {
                        btn: ['确定','取消'] //按钮
                    }, function(){
                        $.ajax({
                            url: "/manage/bet/revokeTask",
                            data: {
                                id: obj.data.id
                            },
                            type: "POST",
                            dataType: "json",
                            timeout: 15000,
                            beforeSend: function(){
                                layer.load(1);
                            },
                            success: function(msg){
                                var alertStr = (msg == 1) ? '操作成功' : msg;
                                layer.msg(alertStr, {time: 2000}, function(){
                                    if(msg==1){
                                        layer.closeAll();
                                        layui.table.reload('taskList');
                                    }
                                });
                            },
                            complete: function(){
                                layer.closeAll("loading");
                            }
                        });
                    }, function(){
                        layer.msg('取消操作', {
                            time: 2000, //2s后自动关闭
                        });
                    });
                    break;

                case 'audit':
                    layer.open({
                        type: 2,
                        area: ['90%', '90%'],
                        title: '审核任务',
                        content: '/manage/bet/taskAudit?id='+obj.data.id
                    });
                    break;

                case 'edit':
                    layer.open({
                        type: 2,
                        area: ['95%', '95%'],
                        title: '编辑任务',
                        content: '/manage/bet/taskEdit?id='+obj.data.id
                    });
                    break;

                case 'del':
                    layer.confirm('确定删除 '+obj.data.title+' ？', {
                        btn: ['确定','取消'] //按钮
                    }, function(){
                        $.ajax({
                            url: "/manage/bet/taskDel",
                            data: {
                                id: obj.data.id
                            },
                            type: "POST",
                            dataType: "json",
                            timeout: 15000,
                            beforeSend: function(){
                                layer.load(1);
                            },
                            success: function(msg){
                                var alertStr = (msg == 1) ? '操作成功' : msg;
                                layer.msg(alertStr, {time: 2000}, function(){
                                    if(msg==1){
                                        layer.closeAll();
                                        layui.table.reload('taskList');
                                    }
                                });
                            },
                            complete: function(){
                                layer.closeAll("loading");
                            }
                        });
                    }, function(){
                        layer.msg('取消操作', {
                            time: 2000, //2s后自动关闭
                        });
                    });
                    break;
            }
        });

        active = {
            search: function(){
                //执行重载
                table.reload('taskList', {
                    page: {
                        curr: 1 //重新从第 1 页开始
                    }
                    ,where: {
						username: $("input[name='username']").val()
                        ,title: $("input[name='title']").val()
                        ,datetime_range: $("input[name='datetime_range']").val()
                        ,task_type: $("select[name='task_type'] option:selected").val()
                        ,task_class: $("select[name='task_class'] option:selected").val()
						,status: $("select[name='status'] option:selected").val()
                        ,lang: $("select[name='lang'] option:selected").val()
                    }
                }, 'data');
            }
        };

        $('.search .layui-btn').on('click', function(){
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });
        $(document).on('click', '.layer-photos-demo', function() {
            var imgData=[]
            for(var i=0;i<$(this).children('img').length;i++){
                imgData.push({"src":$(this).children('img').eq(i).attr('src')})
            }
            layer.photos({
                photos: {
                    "title": "NFT文件", // 图片标题
                    "id": 1, // 相册ID，可以不写
                    "start": 0, // 起始图片的下标
                    "data":imgData
                },
                closeBtn: 1, // 显示关闭按钮
                //anim: 1, // 动画类型
                shadeClose: true // 点击遮罩关闭
            });
        });


    });
</script>

</body>
</html>
